<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/admin.css">
    <link rel="stylesheet" href="../../css/mycss.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

<header class="am-topbar admin-header">
    <div class="am-topbar-brand">
        <strong>三泵订货</strong>
        <small>后台管理模板</small>
    </div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
            <li class="am-dropdown" data-am-dropdown>
                <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;" v-cloak>
                    <span class="am-icon-users"></span> <span id="adminname"></span> <span class="am-icon-caret-down"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="#" id="tuichu"><span class="am-icon-power-off" ></span> 退出</a></li>
                </ul>
            </li>
            <li><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> 开启全屏</a></li>
        </ul>
    </div>
</header>
<div class="am-cf admin-main">
    <!-- sidebar start -->
    <div class="admin-sidebar">
        <ul class="am-list admin-sidebar-list" id="accordion">
            <li><a href="../../后台主页.html"  v-if="isShow(0)"><span class="am-icon-home"></span> 首页</a></li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-2'}">
                    <svg id="icon-goods-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z"
                              fill="#A1B8C2"></path>
                        <path d="M153.6 51.2h716.8c56.32 0 102.4 46.08 102.4 102.4v716.8c0 56.32-46.08 102.4-102.4 102.4H153.6c-56.32 0-102.4-46.08-102.4-102.4V153.6c0-56.32 46.08-102.4 102.4-102.4z m0 51.2c-30.72 0-51.2 20.48-51.2 51.2v716.8c0 30.72 20.48 51.2 51.2 51.2h716.8c30.72 0 51.2-20.48 51.2-51.2V153.6c0-30.72-20.48-51.2-51.2-51.2H153.6z"
                              fill="#6D8994"></path>
                        <path d="M353.28 435.2V460.8c0 97.28 71.68 179.2 158.72 179.2s158.72-81.92 158.72-179.2v-25.6c-5.12-10.24-5.12-15.36-5.12-25.6 0-30.72 20.48-51.2 51.2-51.2s51.2 20.48 51.2 51.2-20.48 51.2-51.2 51.2c0 128-92.16 230.4-204.8 230.4s-204.8-102.4-204.8-230.4c-30.72 0-51.2-20.48-51.2-51.2s20.48-51.2 51.2-51.2 51.2 20.48 51.2 51.2c0 10.24 0 15.36-5.12 25.6z"
                              fill="#FFFFFF"></path>
                    </svg>
                    商品<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav-2">
                    <li><a href="商品列表.html">商品列表</a></li>
                    <li><a href="商品价格.html">商品价格</a></li>
                    <li><a href="基础信息.html">基础信息</a></li>
                    <li><a href="商品图片.html">商品图片<span
                            class="am-badge am-badge-secondary am-margin-right am-fr">24</span></a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-3'}">
                    <svg id="icon-sell-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M414.72 1024H153.6c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2z"
                              fill="#A1B8C2"></path>
                        <path d="M153.6 1024c-56.32 0-102.4-46.08-102.4-102.4V102.4c0-56.32 46.08-102.4 102.4-102.4h261.12c10.24 30.72 40.96 51.2 71.68 51.2s61.44-20.48 71.68-51.2H819.2c56.32 0 102.4 46.08 102.4 102.4v819.2c0 56.32-46.08 102.4-102.4 102.4h-261.12c-10.24-30.72-40.96-51.2-71.68-51.2s-61.44 20.48-71.68 51.2H153.6z m332.8-102.4c40.96 0 76.8 20.48 102.4 51.2H819.2c30.72 0 51.2-20.48 51.2-51.2V102.4c0-30.72-20.48-51.2-51.2-51.2h-230.4c-25.6 30.72-61.44 51.2-102.4 51.2s-76.8-20.48-102.4-51.2H153.6c-30.72 0-51.2 20.48-51.2 51.2v819.2c0 30.72 20.48 51.2 51.2 51.2h230.4c25.6-30.72 61.44-51.2 102.4-51.2zM768 51.2h51.2v51.2h-51.2V51.2z m0 870.4h51.2v51.2h-51.2v-51.2z m0-768h51.2v102.4h-51.2V153.6z m0 153.6h51.2v102.4h-51.2V307.2z m0 153.6h51.2v102.4h-51.2V460.8z m0 153.6h51.2v102.4h-51.2v-102.4z m0 153.6h51.2v102.4h-51.2v-102.4zM153.6 51.2h51.2v51.2H153.6V51.2z m0 870.4v51.2h51.2v-51.2H153.6zM153.6 153.6h51.2v102.4H153.6V153.6z m0 153.6h51.2v102.4H153.6V307.2z m0 153.6h51.2v102.4H153.6V460.8z m0 153.6h51.2v102.4H153.6v-102.4z m0 153.6h51.2v102.4H153.6v-102.4z"
                              fill="#6D8994"></path>
                        <path d="M337.92 225.28l179.2 179.2c10.24 10.24 10.24 25.6 0 35.84-10.24 10.24-25.6 10.24-35.84 0L302.08 261.12c-10.24-10.24-10.24-25.6 0-35.84 10.24-10.24 25.6-10.24 35.84 0z"
                              fill="#FFFFFF"></path>
                        <path d="M455.68 404.48l179.2-179.2c10.24-10.24 25.6-10.24 35.84 0 10.24 10.24 10.24 25.6 0 35.84L491.52 440.32c-10.24 10.24-25.6 10.24-35.84 0-10.24-10.24-10.24-25.6 0-35.84z"
                              fill="#FFFFFF"></path>
                        <path d="M332.8 409.6h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM332.8 512h307.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-307.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z"
                              fill="#FFFFFF"></path>
                        <path d="M512 409.6v384c0 15.36-10.24 25.6-25.6 25.6s-25.6-10.24-25.6-25.6V409.6h51.2z"
                              fill="#FFFFFF"></path>
                    </svg>
                    订单<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3">
                    <li class=" am-panel admin-parent">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-1'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>订单管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-1">
                            <li><a href="../order/订货单.html">订货单</a></li>
                            <li><a href="../order/待审核订单.html">待审核订单</a></li>
                            <li><a href="../order/代客下单.html">代客下单</a></li>
                            <li><a href="../order/待收款订单.html">待收款订单</a></li>
                        </ul>
                    </li>
                    <li class=" am-panel admin-parent">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-2'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>订单汇总</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-2">
                            <li><a href="../order/发货记录.html">发货记录</a></li>
                            <li><a href="../order/按发货汇总.html">按发货汇总</a></li>
                            <li><a href="../order/按商品汇总.html">按商品汇总</a></li>
                            <li><a href="../order/按客户汇总.html">按客户汇总</a></li>
                        </ul>
                    </li>
                    <li class=" am-panel admin-parent">
                        <a class="am-cf" data-am-collapse="{parent: '#collapse-nav-3', target: '#collapse-nav-3-3'}">
                            <span>+&nbsp;&nbsp;&nbsp;</span>退货管理</a>
                        <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-3-3">
                            <li><a href="../order/退货单.html">退货单</a></li>
                            <li><a href="../order/新增退货单.html">新增退货单</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-4'}">
                    <svg id="icon-client-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M609.098914 322.338445l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V1024H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885z"
                              fill="#A1B8C2"></path>
                        <path d="M950.184392 975.273503h24.363249c14.617949 0 24.363248 9.745299 24.363248 24.363249s-9.745299 24.363248-24.363248 24.363248H48.744201c-14.617949 0-24.363248-9.745299-24.363249-24.363248s9.745299-24.363248 24.363249-24.363249H73.107449V239.503401c0-14.617949 9.745299-34.108548 24.363249-43.853847L462.919424 10.488866c48.726497-24.363248 107.198293-4.87265 131.561541 43.853847 9.745299 14.617949 14.617949 29.235898 14.617949 43.853847v224.141885l316.72223 185.160688c14.617949 9.745299 24.363248 19.490599 24.363248 34.108548V975.273503zM121.833946 975.273503h438.538472V98.19656c0-9.745299 0-14.617949-4.87265-24.363248-14.617949-19.490599-43.853847-29.235898-68.217096-19.490599L121.833946 239.503401V975.273503z m487.264968 0h292.358982v-428.793172l-292.358982-165.670089V975.273503z"
                              fill="#6D8994"></path>
                        <path d="M730.915157 634.188025c14.617949 0 24.363248 9.745299 24.363248 24.363249v97.452993c0 14.617949-9.745299 24.363248-24.363248 24.363249s-24.363248-9.745299-24.363249-24.363249v-97.452993c0-14.617949 9.745299-24.363248 24.363249-24.363249zM341.103182 244.376051c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248S316.739933 380.810242 316.739933 366.192293v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 488.008535c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248zM341.103182 731.641019c14.617949 0 24.363248 9.745299 24.363248 24.363248v97.452994c0 14.617949-9.745299 24.363248-24.363248 24.363248s-24.363248-9.745299-24.363249-24.363248v-97.452994c0-14.617949 9.745299-24.363248 24.363249-24.363248z"
                              fill="#FFFFFF"></path>
                    </svg>
                    客户<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-4">
                    <li><a href="../customer/客户列表.html">客户列表</a></li>
                    <li><a href="../customer/客户分布.html">客户分布</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-5'}">
                    <svg id="icon-warehouse-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z"
                              fill="#A1B8C2"></path>
                        <path d="M204.8 1024H102.4c-30.72 0-51.2-20.48-51.2-51.2V486.4C51.2 215.04 256 0 512 0s460.8 215.04 460.8 486.4V972.8c0 30.72-20.48 51.2-51.2 51.2h-102.4c-30.72 0-51.2-20.48-51.2-51.2v-51.2H256v51.2c0 30.72-20.48 51.2-51.2 51.2z m0-51.2v-102.4h614.4v102.4h102.4V486.4C921.6 245.76 737.28 51.2 512 51.2S102.4 245.76 102.4 486.4V972.8h102.4z m25.6-204.8h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z"
                              fill="#6D8994"></path>
                        <path d="M230.4 665.6h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM230.4 563.2h563.2c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-563.2c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z"
                              fill="#6D8994"></path>
                        <path d="M230.4 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6zM588.8 358.4h204.8c15.36 0 25.6 10.24 25.6 25.6s-10.24 25.6-25.6 25.6h-204.8c-15.36 0-25.6-10.24-25.6-25.6s10.24-25.6 25.6-25.6z"
                              fill="#FFFFFF"></path>
                    </svg>
                    仓库<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-5">
                    <li><a href="../warehouse/商品出库.html">商品出库</a></li>
                    <li><a href="../warehouse/商品入库.html">商品入库</a></li>
                    <li><a href="../warehouse/商品库存.html">商品库存</a></li>
                    <li><a href="../warehouse/库存调拨.html">库存调拨</a></li>
                    <li><a href="../warehouse/库存盘点.html">库存盘点</a></li>
                    <li><a href="../warehouse/出入库明细.html">出入库明细</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-6'}">
                    <svg id="icon-purchase-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z"
                              fill="#A1B8C2"></path>
                        <path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z m0 51.2l81.92 522.24c5.12 25.6 25.6 40.96 51.2 40.96h645.12c25.6 0 46.08-20.48 51.2-40.96L962.56 358.4H61.44z"
                              fill="#6D8994"></path>
                        <path d="M481.28 512v286.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6V512c0-15.36-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6zM230.4 517.12l30.72 286.72c0 15.36 15.36 25.6 25.6 20.48 15.36 0 25.6-15.36 20.48-25.6l-25.6-291.84c0-15.36-15.36-25.6-25.6-20.48-15.36 0-25.6 15.36-25.6 30.72zM783.36 517.12l-30.72 286.72c0 15.36-15.36 25.6-25.6 20.48-15.36 0-25.6-15.36-20.48-25.6l30.72-286.72c0-15.36 15.36-25.6 25.6-20.48 10.24-5.12 20.48 10.24 20.48 25.6z"
                              fill="#FFFFFF"></path>
                        <path d="M358.4 102.4h307.2c20.48 0 35.84 10.24 46.08 30.72L819.2 358.4H204.8l107.52-225.28c10.24-20.48 25.6-30.72 46.08-30.72z m307.2 51.2H358.4L286.72 307.2h450.56L665.6 153.6z"
                              fill="#6D8994"></path>
                    </svg>
                    采购<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-6">
                    <li><a href="../purchase/采购订单.html">采购订单</a></li>
                    <li><a href="../purchase/采购退货.html">采购退货</a></li>
                    <li><a href="../purchase/供应商管理.html">供应商管理</a></li>
                    <li><a href="../purchase/供应商对账.html">供应商对账</a></li>
                    <li><a href="../purchase/库存预警.html">库存预警</a></li>
                </ul>
            </li>
            <li class=" am-panel admin-parent">
                <a class="am-cf" data-am-collapse="{parent: '#accordion', target: '#collapse-nav-7'}">
                    <svg id="icon-purchase-20ade5-n" viewBox="0 0 1024 1024" width="15px" height="15px">
                        <path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z"
                              fill="#A1B8C2"></path>
                        <path d="M61.44 307.2h906.24c30.72 0 51.2 20.48 51.2 51.2v10.24l-81.92 522.24c-10.24 51.2-51.2 87.04-102.4 87.04H189.44c-51.2 0-92.16-35.84-102.4-87.04L10.24 368.64C5.12 337.92 25.6 312.32 51.2 307.2h10.24z m0 51.2l81.92 522.24c5.12 25.6 25.6 40.96 51.2 40.96h645.12c25.6 0 46.08-20.48 51.2-40.96L962.56 358.4H61.44z"
                              fill="#6D8994"></path>
                        <path d="M481.28 512v286.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6V512c0-15.36-10.24-25.6-25.6-25.6s-25.6 10.24-25.6 25.6zM230.4 517.12l30.72 286.72c0 15.36 15.36 25.6 25.6 20.48 15.36 0 25.6-15.36 20.48-25.6l-25.6-291.84c0-15.36-15.36-25.6-25.6-20.48-15.36 0-25.6 15.36-25.6 30.72zM783.36 517.12l-30.72 286.72c0 15.36-15.36 25.6-25.6 20.48-15.36 0-25.6-15.36-20.48-25.6l30.72-286.72c0-15.36 15.36-25.6 25.6-20.48 10.24-5.12 20.48 10.24 20.48 25.6z"
                              fill="#FFFFFF"></path>
                        <path d="M358.4 102.4h307.2c20.48 0 35.84 10.24 46.08 30.72L819.2 358.4H204.8l107.52-225.28c10.24-20.48 25.6-30.72 46.08-30.72z m307.2 51.2H358.4L286.72 307.2h450.56L665.6 153.6z"
                              fill="#6D8994"></path>
                    </svg>
                    财务<span class="am-icon-angle-right am-fr am-margin-right"></span>
                </a>

                <ul class="am-list am-collapse admin-sidebar-sub" id="collapse-nav-7">
                    <li><a href="../finance/收款单.html">收款单</a></li>
                    <li><a href="../finance/付款单.html">付款单</a></li>
                    <li><a href="../finance/收支流水.html">收支流水</a></li>
                    <li><a href="../finance/客户对账.html">客户对账</a></li>
                    <li><a href="../finance/资金账户.html">资金账户</a></li>
                </ul>
            </li>

        </ul>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-bookmark"></span> 公告</p>
                <p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
            </div>
        </div>

        <div class="am-panel am-panel-default admin-sidebar-panel">
            <div>
                <p><span class="am-icon-tag"></span> wiki</p>
                <p>Welcome to the Amaze UI wiki!</p>
            </div>
        </div>
    </div>
    <!-- sidebar end -->


    <!-- content start -->
    <div class="admin-content">

        <div class="am-cf am-padding">
            <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">商品</strong> /
                <small>商品价格</small>
            </div>
        </div>

        <div class="am-tabs" data-am-tabs>
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="#tab1">销售价格</a></li>
                <li><a href="#tab2">采购价格</a></li>
            </ul>

            <div class="am-tabs-bd">
                <div class="am-tab-panel am-fade am-in am-active" id="tab1">

                    <div class="am-g">
                        <div class="col-md-6 am-cf">
                            <div class="am-fl am-cf">
                                <div class="am-btn-toolbar am-fl">

                                    <div class="am-form-group am-margin-left am-fl">
                                        <select>
                                            <option value="option1">商品分类</option>
                                            <option value="option2">IT业界</option>
                                            <option value="option3">数码产品</option>
                                            <option value="option3">笔记本电脑</option>
                                            <option value="option3">平板电脑</option>
                                            <option value="option3">只能手机</option>
                                            <option value="option3">超极本</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 am-cf">
                            <div class="am-fr">
                                <div class="am-input-group am-input-group-sm">
                                    <input type="text" class="am-form-field">
                                    <span class="am-input-group-btn">
                  <button class="am-btn am-btn-default" type="button">搜索</button>
                </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="am-g">
                        <div class="col-sm-12">
                            <form class="am-form">
                                <table class="am-table  table-main">
                                    <thead>
                                    <tr>
                                        <th class=""></th>
                                        <th class="table-title">商品名称/商品编号</th>
                                        <th class="table-author">多规格</th>
                                        <th class="table-author">单位</th>
                                        <th class="table-status">系统库存</th>
                                        <th class="table-type">库存成本价</th>
                                        <th class="table-author">参考进价</th>
                                        <th class="table-date">零售价</th>
                                        <th class="table-date">销售价</th>
                                        <th class="table-set">指定价</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="">
                                        <td style="vertical-align: middle">
                                            <a href="#" data-am-collapse="{target: '[name=tr1]'}"><font
                                                    style="font-size: 1.5em;color: black">+</font></a>

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">2种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            50.00 - 150.00
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            30.00 - 100.00
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                        </td>
                                    </tr>
                                    <tr style="background-color: #d7d7d7" name="tr1" class="am-collapse bgc">
                                        <td style="vertical-align: middle">

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">120</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="50.00">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="30.00">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <a href="#" name="zhiding">未设置</a>
                                        </td>
                                    </tr>
                                    <tr style="background-color: #d7d7d7" name="tr1" class="am-collapse bgc">
                                        <td style="vertical-align: middle">

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">120</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="150.00">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="100.00">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <a href="#" name="zhiding">未设置</a>
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td></td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">1种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">120</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="200">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="180">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <a href="#" name="zhiding">未设置</a>
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td></td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">1种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">120</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="200">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="180">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <a href="#" name="zhiding">未设置</a>
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td></td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">1种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">120</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="200">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <input class="am-input-sm" type="text" value="180">
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">
                                            <a href="#" name="zhiding">未设置</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="am-cf">
                                    共 5 条记录
                                    <div class="am-fr">
                                        <ul class="am-pagination">
                                            <li class="am-disabled"><a href="#">«</a></li>
                                            <li class="am-active"><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">»</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <hr/>
                                <p>注：.....</p>
                            </form>
                        </div>

                    </div>
                </div>
                <div class="am-tab-panel am-fade" id="tab2">

                    <div class="am-g">
                        <div class="col-md-6 am-cf">
                            <div class="am-fl am-cf">
                                <div class="am-btn-toolbar am-fl">

                                    <div class="am-form-group am-margin-left am-fl">
                                        <select>
                                            <option value="option1">商品分类</option>
                                            <option value="option2">IT业界</option>
                                            <option value="option3">数码产品</option>
                                            <option value="option3">笔记本电脑</option>
                                            <option value="option3">平板电脑</option>
                                            <option value="option3">只能手机</option>
                                            <option value="option3">超极本</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 am-cf">
                            <div class="am-fr">
                                <div class="am-input-group am-input-group-sm">
                                    <input type="text" class="am-form-field">
                                    <span class="am-input-group-btn">
                  <button class="am-btn am-btn-default" type="button">搜索</button>
                </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="am-g">
                        <div class="col-sm-12">
                            <form class="am-form">
                                <table class="am-table  table-main">
                                    <thead>
                                    <tr>
                                        <th class=""></th>
                                        <th class="table-title">商品名称/商品编号</th>
                                        <th class="table-author">多规格</th>
                                        <th class="table-author">单位</th>
                                        <th class="table-type">库存成本价</th>
                                        <th class="table-author">参考进价</th>
                                        <th class="table-set">供应商</th>
                                        <th class="table-set">最近采购时间</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="">
                                        <td style="vertical-align: middle">
                                            <a href="#" data-am-collapse="{target: '[name=tr1]'}"><font
                                                    style="font-size: 1.5em;color: black">+</font></a>

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">2种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">hahaha</td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                    </tr>
                                    <tr style="background-color: #d7d7d7" name="tr1" class="am-collapse bgc">
                                        <td style="vertical-align: middle">

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">2019年12月10日16:47:49
                                        </td>
                                    </tr>
                                    <tr style="background-color: #d7d7d7" name="tr1" class="am-collapse bgc">
                                        <td style="vertical-align: middle">

                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">瓶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥60</td>
                                        <td class="vertical-middle" style="vertical-align: middle"></td>
                                        <td class="vertical-middle" style="vertical-align: middle">2019年12月10日16:47:49
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td style="vertical-align: middle">
                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">1种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">桶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥30</td>
                                        <td class="vertical-middle" style="vertical-align: middle">hahaha</td>
                                        <td class="vertical-middle" style="vertical-align: middle">2019年12月10日16:50:24
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td style="vertical-align: middle">
                                        </td>
                                        <td class="vertical-middle">
                                            <img class="waresimg" src="../../images/wahaha.jpg" alt="">
                                            <div class="warestitle">
                                                <strong>娃哈哈纯净水696m</strong>
                                                <p>l2019090500001</p>
                                            </div>
                                        </td>
                                        <td class="vertical-middle" style="vertical-align: middle">1种</td>
                                        <td class="vertical-middle" style="vertical-align: middle">桶</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥10</td>
                                        <td class="vertical-middle" style="vertical-align: middle">￥30</td>
                                        <td class="vertical-middle" style="vertical-align: middle">hahaha</td>
                                        <td class="vertical-middle" style="vertical-align: middle">2019年12月10日16:50:24
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="am-cf">
                                    共 5 条记录
                                    <div class="am-fr">
                                        <ul class="am-pagination">
                                            <li class="am-disabled"><a href="#">«</a></li>
                                            <li class="am-active"><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">»</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <hr/>
                                <p>注：.....</p>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- content end -->

    <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">设置等级价</div>
            <div class="am-modal-bd">
                等级价
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>
    <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm2">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">设置指定价</div>
            <div class="am-modal-bd">
                指定价
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

</div>

<footer>
    <hr>
    <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>

<script src="../../assets/js/zepto.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script src="../../assets/js/app.js"></script>
<script>
    $(function () {
        $("[name='dengji']").on('click', function () {
            $('#my-confirm').modal({
                relatedElement: this,
                onConfirm: function () {
                },
                onCancel: function () {
                }
            });
        });
        $("[name='zhiding']").on('click', function () {
            $('#my-confirm2').modal({
                relatedElement: this,
                onConfirm: function () {
                },
                onCancel: function () {
                }
            });
        });
    });
</script>
<script>
    $(function () {
        var ca = document.cookie.split(';')[0];
        var bb=ca.toString().substring(ca.indexOf("|")+1);
        $("#adminname").html(bb)
    })
</script>
<script src="../../js/qiandel.js"></script>

</body>
</html>
